<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>VIP付费专区</title>
		<link rel="stylesheet" href="../css/base.css" />
		<style type="text/css">
			.banner{
				height: 360px;
				overflow: hidden;
			}
			.right{
				box-sizing: border-box;
				padding-left: 10px;
			}
			.right ul li{
				padding:  5px 0;
			}
			.pop{
				background:rgba(0,0,0,.4);
				position: fixed;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				text-align: center;
			}
			.popCenter{
				width: 400px;
				height: 180px;
				background: #FFFFFF;
				margin: 200px auto;
				border-radius: 5px;
				overflow: hidden;
			}
			.pop{
				display: none;
			}
			.pop h2{
				margin: 20px 0 10px 0;
			}
			.pop p{
				padding: 20px;
			}
			.pop span{
				display: inline-block;
				width: 50%;
				border-top: 1px solid #666666;
				line-height: 37px;
			}
			.cancel{
				border-right: 1px solid #666666;
				color: #666666;
			}
			.pop span:hover{
				color: #FFFFFF;
				background: lightseagreen;
			}
			.news li{
				position: relative;
			}
			.news img{
				width: 130px;
				height: 80px;
			}
			.newsContent{
				 display: inline-block;
				 width: 560px;
				position: absolute;
				top: 5px;
				left: 140px;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="fixedWidth">
				<div class="logo">
					<img src="../img/logo (1).png" alt=""/>
				</div>
				<ul class="headerNav">
					<li><a href="../index.html">首页</a></li>
					<li><a href="vipPrefecture.html">VIP中心</a></li>
					<li><a href="aboutUs.html">关于我们</a></li>
					<li><a href="message.html">信息披露</a></li>
					<li><a href="vipRegister.html">注册VIP会员</a></li>
					<li>
						<span class="loginRegister"><a href="loginRegister.html">登录/注册</a></span>
						<span class="exit"><a href="#">ABC/退出</a></span>						
					</li>
				</ul>
				<div class="clear"></div>
			</div>
		</header>
		<div class="fixedWidth content">
			<!--左侧-->
			<div class="left" style="width: 700px;float: left;">
				<div>
					<div style="display: inline-block;width: 460px;float:left;margin-right: 10px;">
						<img src="../img/u135.png" alt="" style="width: 100%;"/>
					</div>
					<div style="display: inline-block;width: 230px;float: right;">
						<img src="../img/u141.png" alt="" style="width: 100%;"/>
						<img src="../img/u145.jpg" alt="" style="width: 100%;"/>
					</div>
					<div class="clear"></div>
				</div>
				<div class="news">
					<ul>
						<li>
							<img src="../img/u173.png" alt="" />
							<div class="newsContent">
								<h2>谁正在成为互联网金融的幕后推手？</h2>
								<p class="font14">曾投资过大量互联网金融的VC，在监管夹击和P2P污名化之后，已不再是出资的主角。<a href="">[VIP免费看全文]</a></p>
							</div>
						</li>
						<li>
							<img src="../img/07113617_EpNF.jpg" alt="" />
							<div class="newsContent">
								<h2>普惠金融到底姓社还是姓资？</h2>
								<p class="font14">普惠金融发展中，微型金融机构扮演重要角色，而微型金融机构该不该赚取利润？利润的目标是不是与服务低收入人群的目标有冲突？<a href="">[VIP免费看全文]</a></p>
							</div>
						</li>
						<li>
							<img src="../img/31154211_qXjI.jpg" alt="" />
							<div class="newsContent">
								<h2>联名数字卡 百合网世纪佳缘携手玖富万卡打造移动“合缘万卡”</h2>
								<p class="font14">百合网旗下子公司上海花千树(世纪佳缘)，将与玖富集团旗下品牌玖富万卡联合出资，共同参股设立合缘万卡信息科技有限公司，双方各占注册资本的50%<a href="">[VIP免费看全文]</a></p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--右侧-->
			<div class="right" style="width: 300px;float: right;">
				<div style="margin: 20px 0;border-bottom: 1px solid lightseagreen;height: 30px;">
					<span style="border-bottom: 3px solid lightseagreen;padding-bottom: 5px;">24小时热点</span>
					<span class="font12" style="background:lightseagreen;border-radius: 5px;padding: 2px 5px;float: right;color: #FFFFFF;">会员专属</span>
					<span class="clear"></span>
				</div>
				<div>
					<ul>
						<li>
							<h2>2017中国智能金融产业研究报告</h2>
							<p class="font14">报告分析了金融机构的智能金融应用，总结了智能金融的未来发展趋势与挑战。<a href="">[VIP免费看全文]</a></p>
						</li>
						<li>
							<h2>金融科技带的最大冲击在哪儿？</h2>
							<p class="font14">金融科技监管的方向是什么？金融科技如何再塑未来金融生态？中国金融科技发展面临哪些挑战？<a href="">[VIP免费看全文]</a></p>
						</li>
						<li>
							<h2>金融行业最顶端的两个圈子</h2>
							<p class="font14">作为在中国的投行领域里，数一数二的券商——中信证券，它究竟是如何从“别人家的孩子”一步步成长为现在的“巨无霸”？而在它的成长中又有哪些不为人知的酸甜苦辣？<a href="">[VIP免费看全文]</a></p>
						</li>
						<li>
							<h2>人工智能给金融业带来了什么？</h2>
							<p class="font14">预计机器将在未来2-3年取代30%银行员工，一个看似朝阳的行业好像开始和人没有了关系。不过从另一个角度来说，普通人接触金融和参与金融的门槛越来越低了，事实上，市场还是在高速增长的。[VIP免费看全文]<a href="">[VIP免费看全文]</a></p>
						</li>
						<li>
							<h2>京东金融重组完成交割</h2>
							<p class="font14">京东金融累计服务超过1.5亿个人用户和50万家企业用户。消费金融业务在2017年收入取得了近200%的同比增长。<a href="">[VIP免费看全文]</a></p>
						</li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<footer>
			<div class="fixedWidth">
				<ul class="footerNav">
					<li><a href="contactUs.html">联系我们</a></li>
					<li><a href="disclaimer.html">免责声明</a></li>
					<li><a href="privacyPolicy.html">隐私声明</a></li>
				</ul>
				<div class="copyright">
					<p class="font14">瑞丰保险经纪有限公司版权所有&nbsp;<a href="http://www.miitbeian.gov.cn/">京ICP备18002921号-1</a></p>
					<p class="font14">北京市朝阳区阜通东大街1号院6号楼4层3单元230501</p>
				</div>
			</div>
		</footer>
		<div class="pop">
			<div class="popCenter">
				<h2>加入VIP</h2>
				<p>专区资讯仅供VIP付费用户专享，请先购买尊享会员资格再来享用吧~</p>
				<div>
					<span class="cancel">不了，我再想想</span><a href="vipRegister.html"><span class="register">马上注册VIP</span></a>
				</div>
			</div>
		</div>
	</body>
		<script src="../js/isLogin.js"></script>
	<script>
		var oContent = document.querySelector('.content'),
			oCancel = document.querySelector('.cancel'),
			oPop = document.querySelector('.pop')
		
		oContent.addEventListener('click',function(){
			oPop.style.display='block'
		})
		oCancel.addEventListener('click',function(){
			oPop.style.display='none'
		})
	</script>
</html>
